import SVG from 'react-inlinesvg';

export const mouseIcon = () => (
  <SVG src="/img/meeting/mouse.svg" style={{ width: 18, height: 18 }} />
);
export const brushIcon = () => (
  <SVG src="/img/meeting/brush.svg" style={{ width: 18, height: 18 }} />
);
export const shapeIcon = () => (
  <SVG src="/img/meeting/shape.svg" style={{ width: 18, height: 18 }} />
);
export const laserIcon = () => (
  <SVG src="/img/meeting/laser.svg" style={{ width: 18, height: 18 }} />
);
export const eraserIcon = () => (
  <SVG src="/img/meeting/eraser.svg" style={{ width: 18, height: 18 }} />
);
export const deleteIcon = () => (
  <SVG src="/img/meeting/delete.svg" style={{ width: 18, height: 18 }} />
);
export const saveIcon = () => (
  <SVG src="/img/meeting/save.svg" style={{ width: 18, height: 18 }} />
);
export const closeIcon = () => (
  <img src="/img/meeting/close.svg" style={{ width: 18, height: 18 }} />
);
export const recordIcon = () => (
  <img src="/img/meeting/record.svg" style={{ width: 16, height: 16 }} />
);
export const closeRecordIcon = () => (
  <img src="/img/meeting/closeRecord.svg" style={{ width: 16, height: 16 }} />
);
